<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				margin: 0px auto;
				background-color: #f6ab2e;
			}
			#con{
				width: 1280px;
				height: 3800px;
				margin: 0px auto;
			}
			#timg{
				height: 124px;
				width: 100%;
				
			}
			#list{
				height: 492px;
				width: 1280px;
				margin: 8px auto;
			}
			#list-box{
				width: 620px;
				height: 492px;
				margin: 0px 0px 0px 20px;
				float: left;
			}
			#list-box-img{
				width: 620px;
				height: 358px;
				overflow: hidden;
			}
			#list-box-bottom{
				width: 620px;
				height: 130px;
				background-color: white;
			}
			#conleft{
				margin: 0px 0px 0px 28px;
				padding: 35px 0px 0px;
				height: 88px;
				width: 360px;
				float: left;
			}
			#conright{
				width: 160px;
				height: 103px;
				margin: 0px 45px 0px 0px;
				padding: 25px 0px 0px;
				float: left;
			}
			a{
				text-decoration: none;
			}
			#conleft a{
				font-size: 22px;
				color: #242424;
			}
			#conleft p{
				font-size: 12px;
				color: #666666;
			}
			span{
				color: #ea625b;
				font-size: 18px;
			}
			b{
				font-size: 24px;
			}
			#btn{
				width: 160px;
				height: 44px;
				margin: 10px 0px 0px;
				background-color:#ea625b ;
				color: white;
				text-align: center;
				font-size: 22px;
			}
			#list-box-img img{
				transition: all 1s;
			}
			#list-box-img img:hover{
				transform: scale(1.05);
			}
		</style>
	</head>
	<body>
		<div>
			<img src="img/two0.png" width="100%" height="100%"/>
		</div>
		<div id="con">
			<div id="timg">
				<img src="img/two1.png"/>
			</div>
			<div id="list">
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two3.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">Redmi 智能电视 X55</a>
							<p>金属边框全面屏</p>
						</div>
						<div id="conright">
							<span><span>¥<b>2799</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two4.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">Redmi 智能电视 X65</a>
							<p>金属边框全面屏</p>
						</div>
						<div id="conright">
							<span><span>¥<b>3588</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
			</div>
			<div id="timg">
				<img src="img/two5.png"/>
			</div>
			<div id="list">
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two6.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">全面屏电视E43K</a>
							<p>全面屏设计，海量内容</p>
						</div>
						<div id="conright">
							<span><span>¥<b>1399</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two7.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米全面屏电视 E65X</a>
							<p>全面屏设计</p>
						</div>
						<div id="conright">
							<span><span>¥<b>2899</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
			</div>
			<div id="list">
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two8.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视4A 60英寸</a>
							<p>人工智能语音系统,超高清画质</p>
						</div>
						<div id="conright">
							<span><span>¥<b>2699</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two9.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视4A 70英寸</a>
							<p>大屏更享受</p>
						</div>
						<div id="conright">
							<span><span>¥<b>3499</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
			</div>
			<div id="list">
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two10.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视 EA43 2022款</a>
							<p>金属全面屏</p>
						</div>
						<div id="conright">
							<span><span>¥<b>1499</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two11.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视4S 75英寸/a>
							<p>4K HDR，人工智能语音</p>
						</div>
						<div id="conright">
							<span><span>¥<b>4399</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
			</div>
			<div id="list">
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two12.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视4A 70英寸</a>
							<p>大屏更享受</p>
						</div>
						<div id="conright">
							<span><span>¥<b>3499</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two13.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">全面屏电视 E55C</a>
							<p>全面屏设计，人工智能语音</p>
						</div>
						<div id="conright">
							<span><span>¥<b>2199</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
			</div>
			<div id="list">
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two14.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">全面屏电视65英寸 E65C</a>
							<p>震撼大屏，时尚全面屏</p>
						</div>
						<div id="conright">
							<span><span>¥<b>2999</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two15.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视4C 32英寸</a>
							<p>高清液晶屏，人工智能系统</p>
						</div>
						<div id="conright">
							<span><span>¥<b>849</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
			</div>
			<div id="timg">
				<img src="img/two16.png"/>
			</div>
			<div id="list">
				<img src="img/two17.png" width="1260px" height="100%" style="margin-left: 20px;"/>
			</div>
			<div id="list">
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two18.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">全面屏电视Pro 43英寸</a>
							<p>全金属机身，2G+32G大存储，支持8K视频解码</p>
						</div>
						<div id="conright">
							<span><span>¥<b>1799</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two19.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">全面屏电视 E55C</a>
							<p>全面屏设计，人工智能语音</p>
						</div>
						<div id="conright">
							<span><span>¥<b>2199</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
			</div>
			<div id="list">
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two20.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视 EA43 2022款</a>
							<p>金属全面屏</p>
						</div>
						<div id="conright">
							<span><span>¥<b>1499</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two21.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视 EA55 2022款</a>
							<p>新一代金属全面屏</p>
						</div>
						<div id="conright">
							<span><span>¥<b>2299</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
			</div>
			<div id="list">
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two22.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视5 Pro 55英寸</a>
							<p>量子点屏幕，超薄金属机身</p>
						</div>
						<div id="conright">
							<span><span>¥<b>4499</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
				<div id="list-box">
					<div id="list-box-img">
						<img src="img/two23.png" width="100%" height="100%"/>
					</div>
					<div id="list-box-bottom">
						<div id="conleft">
							<a href="#">小米电视4A 50英寸</a>
							<p>4K HDR，人工智能语音系统</p>
						</div>
						<div id="conright">
							<span><span>¥<b>1999</b></span></span>
							<div id="btn">立即购买</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
